<template>
  <div class="dll_body">
    <div class="dll_bang">
      <van-icon name="arrow-left" style="margin-top: 5px; margin-left:10px ;" @click="onClickLeft" />
      <span style="margin-left: 130px;"> 帮助中心</span>
    </div>
    <div class="dll_wen">
      <van-cell title="热门问题" size="large" is-link to=""  style="padding-left: 25px;" />
    <van-cell title="意见反馈" size="large" is-link to="" style="padding-left: 25px;" />
    <van-cell title="一起跑" size="large" is-link to="" style="padding-left: 25px;" />
    <van-cell title="校园跑" size="large" is-link to="" style="padding-left: 25px;"  />
    <van-cell title="认证身份" size="large" is-link to="" style="padding-left: 25px;" />
    <van-cell title="登录问题" size="large" is-link to="" style="padding-left: 25px;" />
    <van-cell title="其他问题" size="large" is-link to="" style="padding-left: 25px;" />

  </div>

  </div>
</template>

<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';


const router = useRouter();
const onClickLeft = () => {
  router.go(-1);
};
</script>

<style lang="scss" scoped>
.dll_body {
  width: 100%;
  height: 100vh;
  background-color: #F7F7F7;

  .dll_bang {
    width: 100%;
    display: flex;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white
  }
  .dll_wen{
    margin-top: 15px;
  }
}
</style>